<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="css.css">
    <title>申通快递官网</title>
</head>

<body>
    <div id="head">
        <div id="bg-right">
        </div>
        <div id="bg-left"></div>
        <div id="header">
            <div id="nav-top">
                <ul>
                    <li>全国统一热线电话：95543</li>
                    <b>|</b>
                    <li>企业邮箱</li>
                    <b>|</b>
                    <li>登录</li>
                    <b>|</b>
                    <li>注册</li>
                </ul>
            </div>

            <div id="nav">
                <div id="logo">
                    <img src="img/img_logo.png" alt="">
                </div>
                <div id="nav-bottom">
                    <ul>
                        <li>首页</li>
                        <li>关于申通</li>
                        <li>客户服务</li>
                        <li>产品服务</li>
                        <li>新闻资讯</li>
                        <li>申通国际</li>
                        <li>招贤纳才</li>
                        <li>投资者关系</li>
                    </ul>
                </div>
            </div>
        </div>

    </div>

    <div id="banner">

    </div>
    <div id="main1">
        <ul>
            <li id="l1">
                <h4 id="h4">快件追踪</h4>
                <textarea id="textarea"></textarea>
                <p>点击查询</p>
            </li>
            <li>
                <div id="d1">
                    <img id="i1" src="img/online_send.png" alt="">
                </div>
                <h4>网上寄件</h4>
            </li>
            <li>
                <div id="d2">
                        <img src="img/freight_search.png" alt="">
                </div>
                <h4>运费查询</h4>
            </li>
            <li>
                <div id="d3">
                        <img src="img/net_search.png" alt="">
                </div>
                <h4>网点查询</h4>
            </li>
            <li>
                <div id="d4">
                        <img src="img/icon_suggest.png" alt="">
                </div>
                <h4>咨询与投诉</h4>
            </li>
            <li>
                <div id="d5">
                        <img src="img/online_service.png" alt="">
                </div>
                <h4>在线客服</h4>
            </li>

        </ul>
    </div>
</body>

</html>